---
layout: default
---

{% include home-header.html %}

<h1>{{ page.title }}</h1>

{%- assign taxonomies = site.posts | group_by_exp: "post", "post.date | date: '%Y'" -%}

<div class="taxonomies-wrapper">
  <ul class="taxonomies">
    {%- for taxonomy in taxonomies -%}
      <li>
        {%- capture link -%}{{ page.permalink }}#{{ taxonomy.name }}{%- endcapture -%}
        <a class="taxonomy" href="{{ link | relative_url }}">
            <span>{{ taxonomy.name }}</span>
            <span class="taxonomy-count">{{ taxonomy.size }}</span>
        </a> 
      </li>
    {%- endfor -%}
  </ul>
</div>

{% comment %} Show posts by taxonomy {% endcomment %}
{%- for taxonomy in taxonomies -%}
  <h2 id="{{ taxonomy.name }}">
    {{ taxonomy.name }}
  </h2>
  <ul class="post-list-by-taxonomy">
    {%- assign posts = taxonomy.items -%}
    {%- for post in posts -%}
      <li>
        <time datetime="{{ page.date | date_to_xmlschema }}">{{ post.date | date: "%Y-%m-%d" }}</time> &raquo; <a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
      </li>
    {%- endfor -%}
  </ul>
  <a href="#" onclick="backToTop()" class="back-to-top">Top &#8648;</a>
{%- endfor -%}

<script>
  function backToTop() {
    const main = document.getElementById("site-main");
    main.scrollTop = 0;
  }
</script>
